<template>
	<div class="main">
		<div class="title">国内学业
			<div class="line"></div>
		</div>
		<!-- <div class="news_items" v-for="(item,index) in items" :key="index">
            <news-item :itemData="item"></news-item>
        </div> -->
		<div class="imagination">
			<img src="https://xxx.oss.com/dxdh/%E7%BB%84%20513.png" alt=""
				style="width:100%;height:100%">
		</div>
	</div>
</template>
<script>
	import NewsItem from '../../components/NewsItem.vue'
	export default {
		components: {
			NewsItem
		},
		data() {
			return {}
		}
	}
</script>
<style scoped>
	.main {
		width: 100%;
	}

	.title {
		text-align: left;
		width: 100%;
		height: 62px;
		font-size: 24px;
		font-family: Noto Sans SC;
		font-weight: 700;
		text-align: left;
		color: #333333;
		margin-top: 15px;
		margin-left: 20px;
		position: relative;
	}

	.line {
		position: absolute;
		bottom: 0px;
		width: 1025px;
		height: 2px;
		background-color: rgba(51, 170, 255, .4);
	}

	.news_items {
		width: 960px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.imagination {
		width: 1098px;
		height: 669px;
		margin-left: 60px;
	}
</style>
